<template>
	<view class="dynamic">
		
		<view class="list" v-for="(item,index) in dys.list" :key="index">
			<view class="tp">
				<view class="lt">
					<u-avatar src="" shape="circle" size="48"></u-avatar>
					<view>
						<view class="font27">{{item.title}} <u-icon name="man" color="#FC5BB0" size="20"></u-icon></view>
						<view class="font23">豫优社人气探店达人</view>
					</view>
				</view>
				<view class="rt">
					<text>{{ item.createTime }}</text>
				</view>
			</view>
			<view class="cn">
				<text v-html="item.content"></text>
			</view>
			<view class="bm"> 
				<view class="igs" v-for="(img,ind) in item.images.split(',')">
					<image :src="img" mode="widthFix"></image>
				</view>
				<!-- <view class="igs">
					<image src="../static/images/1683703292496.jpg" mode="widthFix"></image>
				</view>
				<view class="igs">
					<image src="../static/images/1683703292496.jpg" mode="widthFix"></image>
				</view> -->
			</view>
			<view class="lbm">
				<view class="tse">
					<image src="../static/images/tool_ico_pinglun@2x.png" mode="widthFix"></image>
					<text>50</text>
				</view>
				<view class="tse">
					<uni-icons color="#ff6600" :type="true? 'heart-filled':'heart'" size="18"></uni-icons>
					<text>100</text>
				</view>
				<view class="tse">
					<image src="../static/images/biji_ico_share@2x.png" mode="widthFix"></image>
					<text>100</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"dynamic",
		props:{
			dys:{
				type:Array,
				default:[]
			}
		},
		data() {
			return {
				// let imgs = []
			};
		},
		onLoad() {
			this.onlondDys()
		},
		methods:{
			onlondDys(){
				
			}
		}
	}
</script>

<style lang="scss">
.dynamic{
	padding: 30rpx 0;
	.list{
		background: #FFFFFF;
		border-radius: 19rpx;
		padding: 20rpx 30rpx;
		margin-bottom: 22rpx;
		.tp{
			display: flex;
			justify-content: space-between;
			.lt{
				display: flex;
				align-items: center;
				.u-avatar{
					margin-right: 16rpx;
				}
				.font27{
					color: #222222;
					font-size: 27rpx;
					display: flex;
					align-items: center;
					margin-bottom: 12rpx;
					.u-icon{
						margin-left: 10rpx;
					}
				}
				.font23{
					color: #999;
					font-size: 23rpx;
				}
			}
			.rt{
				color: #999999;
				font-size: 23rpx;
				padding-top: 10rpx;
			}
		}
		.cn{
			color: #252525;
			font-size: 23rpx;
			line-height: 1.5;
			margin: 20rpx 0 12rpx;
		}
		.bm{
			display: flex;
			justify-content: flex-start;
			.igs{
				width: 32.333%;
				image{
					width: 100%;
				}
			}
		}
		.lbm{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 13rpx;
			.tse{
				display: flex;
				align-items: center;
				image{
					width: 46rpx;
					margin-right: 6rpx;
				}
				text{
					color: #666666;
					font-size: 23rpx;
				}
			}
		}
	}
}
</style>